import { FC, useEffect, useState } from 'react'
import {
  HsAdminAddProjects,
  HsAdminSelectDataItem,
  HsAdminSelectDomain,
  HsAdminSelectProductCategory,
  HsAdminSelectTheme,
  HsAdminSelectUsers
} from '@/components/global'
import { Col, Row } from 'antd'

const SelectPage: FC = () => {
  const [projectOptions] = useState([])
  const [categoryOptions, setcategoryOptions] = useState<any[]>([])

  useEffect(() => {
    setcategoryOptions([])
  }, [])

  return (
    <>
      <Row>
        <Col span={6}>
          用户
          <HsAdminSelectUsers style={{ width: '100%' }}></HsAdminSelectUsers>
        </Col>

        <Col span={6}>
          关联项目名称
          <HsAdminAddProjects placeholder="请选择关联项目名称" options={projectOptions} style={{ width: '100%' }}></HsAdminAddProjects>
        </Col>
      </Row>
      <br />
      数据主题
      <HsAdminSelectTheme style={{ width: '100%' }}></HsAdminSelectTheme>
      数据项
      <HsAdminSelectDataItem style={{ width: '100%' }}></HsAdminSelectDataItem>
      领域维护
      <HsAdminSelectDomain style={{ width: '100%' }}></HsAdminSelectDomain>
      请选择产品类别
      <HsAdminSelectProductCategory options={categoryOptions} source={'website'} placeholder="请选择产品类别" style={{ width: '100%' }} />
      <br />
    </>
  )
}

export default SelectPage
